<template>
  <div>
    <el-row class="tac" >
      <el-col :span="12" >
        <el-menu
            style="height: 100vh; width: 201px"
            :uniqueOpened="true"
            default-active="1-user"
            :default-openeds="[1]"
            class="el-menu-vertical-demo"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b"
        >
          <el-sub-menu index="1" style="width: 200px">
            <template #title>
              <i class="el-icon-location"></i>
              <span>系统菜单</span>
            </template>
            <el-menu-item-group>
              <template #title>系统管理</template>
              <el-menu-item index="1-user" :route="{path: '/'}">角色管理</el-menu-item>
              <el-menu-item index="1-2">日志管理</el-menu-item>
            </el-menu-item-group>
            <el-menu-item-group title="订单管理">
              <el-menu-item index="1-3">订单信息</el-menu-item>
            </el-menu-item-group>

          </el-sub-menu>



        </el-menu>
      </el-col>
    </el-row>
  </div>

</template>

<script>
export default {
  name: "Aside",
  methods: {

  },
}
</script>

<style scoped>

</style>
